<%-- 
    Document   : menu
    Created on : 24/11/2008, 10:33:40 AM
    Author     : gabriel
--%>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <style type="text/css" title="currentStyle" media="screen">
        @import "colorus/style.css";
    </style>

    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/interface.js"></script>
</head>

<%
        String user_existe = (String) session.getAttribute("user");
        String url_home;
        if (user_existe == null || user_existe.length() == 0) {
            url_home = "index.jsp";
        } else {
            url_home = "portalUser.jsp";
        }

%>

<body>
<div id="header">
    <div id="logo"><a href="#"><font color="black">Developers Inside .::Virtual Class::.</font></a></div>
    <div id="menu">

        <div class="dock" id="dock">
            <div class="dock-container">
                <a class="dock-item" href="<%=url_home%>"><img src="images2/home.png" alt="home" /><span><font color="white">Home</font></span></a>
                <a class="dock-item" href="#"><img src="images2/email.png" alt="contact" /><span><font color="white">Contacto</font></span></a>
                <a class="dock-item" href="#"><img src="images2/portfolio.png" alt="portfolio" /><span><font color="white">Archivos</font></span></a>
                <a class="dock-item" href="#"><img src="images2/music.png" alt="music" /><span><font color="white">Audio</font></span></a>
                <a class="dock-item" href="#"><img src="images2/video.png" alt="video" /><span><font color="white">Video</font></span></a>
                <a class="dock-item" href="#"><img src="images2/history.png" alt="history" /><span><font color="white">Historial</font></span></a>
                <a class="dock-item" href="#"><img src="images2/calendar.png" alt="calendar" /><span><font color="white">Horarios</font></span></a>
                <a class="dock-item" href="#"><img src="images2/rss.png" alt="rss" /><span><font color="white">RSS</font></span></a>
            </div>
        </div>

        <script type="text/javascript">

            $(document).ready(
            function()
            {
                $('#dock').Fisheye(
                {
                    maxWidth: 100,
                    items: 'a',
                    itemsText: 'span',
                    container: '.dock-container',
                    itemWidth: 50,
                    proximity: 90,
                    halign : 'center'
                }
            )
            }
        );

        </script>
    </div>
</div>